
<!DOCTYPE html>
<html lang="en">
    <head>
       <include file="public:head"/>
    </head>

    <body class="login-layout">
        <div class="main-container">
            <div class="main-content">
                <div class="row">
                    <div class="col-sm-10 col-sm-offset-1">
                        <div class="login-container">
                            <div class="center">
                                <h1>
                                    <i class="ace-icon fa fa-leaf green"></i>
                                    <span class="red">Backend</span>
                                    <span class="white" id="id-text2">Login</span>
                                </h1>
                                <h4 class="blue" id="id-company-text">&copy; </h4>
                            </div>

                            <div class="space-6"></div>

                            <div class="position-relative">
                                <div id="login-box" class="login-box visible widget-box no-border">
                                    <div class="widget-body">
                                        <div class="widget-main">
                                            <h4 class="header blue lighter bigger">
                                                <i class="ace-icon fa fa-coffee green"></i>
                                                Please Enter Your Information
                                            </h4>

                                            <div class="space-6"></div>

                                            <form id="_form" action='{:url("login/index")}'>
                                                <fieldset>
                                                    <label class="block clearfix">
                                                        <span class="block input-icon input-icon-right">
                                                            <input type="text" name="username" class="form-control" placeholder="Username" />
                                                            <i class="ace-icon fa fa-user"></i>
                                                        </span>
                                                    </label>

                                                    <label class="block clearfix">
                                                        <span class="block input-icon input-icon-right">
                                                            <input type="password" name="password" class="form-control" placeholder="Password" />
                                                            <i class="ace-icon fa fa-lock"></i>
                                                        </span>
                                                    </label>
                                                     <div class="input-group">
                                                        <input class="form-control input-mask-date" name="captcha" type="text" id="form-field-mask-1" autocomplete="off" />
                                                        <span class="input-group-btn">
                                                            <img src="{:captcha_src()}" width="120" alt="captcha" onclick="this.src=this.src+'?'+'id='+Math.random()"/>
                                                        </span>
                                                    </div>   
                                                    <div class="space"></div>

                                                    <div class="clearfix">
                                                        <!--<label class="inline">
                                                            <input type="checkbox" class="ace" />
                                                            <span class="lbl"> Remember Me</span>
                                                        </label>-->

                                                        <button data-form="#_form"type="button" class="width-100 pull-right btn btn-sm btn-primary submit-ajax">
                                                            <i class="ace-icon fa fa-key"></i>
                                                            <span class="bigger-110">Login</span>
                                                        </button>
                                                    </div>

                                                    <div class="space-4"></div>
                                                </fieldset>
                                            </form>
                                        </div><!-- /.widget-main -->

                                        <div class="toolbar clearfix">
                                            <!--<div>
                                                <a href="#" data-target="#forgot-box" class="forgot-password-link">
                                                    <i class="ace-icon fa fa-arrow-left"></i>
                                                    找回密码
                                                </a>
                                            </div>  -->
                                        </div>
                                    </div><!-- /.widget-body -->
                                </div><!-- /.login-box -->
                        </div>
                    </div><!-- /.col -->
                </div><!-- /.row -->
            </div><!-- /.main-content -->
        </div><!-- /.main-container -->

        <!-- basic scripts -->

        <!--[if !IE]> -->
      <!-- ace scripts -->
<script src="__SKIN__/js/ace-elements.min.js"></script>
<script src="__SKIN__/js/ace.min.js"></script>

<!-- inline scripts related to this page -->

<!-- the following scripts are used in demo only for onpage help and you don't need them -->
<link rel="stylesheet" href="__SKIN__/css/ace.onpage-help.css"/>

<script type="text/javascript"> ace.vars['base'] = '..'; </script>
<script src="__SKIN__/js/bootbox.min.js"></script>
<script src="__SKIN__/js/ace/elements.onpage-help.js"></script>
<script src="__SKIN__/js/ace/ace.onpage-help.js"></script>
<script src="__PLUGINS__/msgbox/msgbox.min.js"></script>
<script src="__PLUGINS__/layer/layer.js"></script>
<script src="__PUBLIC__/backend/js/main.js"></script>
<script charset="utf-8" src="__SKIN__/js/date-time/moment.min.js"></script>
<script charset="utf-8" src="__SKIN__/js/date-time/bootstrap-datepicker.min.js"></script>
<script charset="utf-8" src="__SKIN__/js/date-time/daterangepicker.min.js"></script>

        <!-- <![endif]-->

        <!--[if IE]>
        <script src="assets/js/jquery-1.11.3.min.js"></script>
        <![endif]-->
        
</body>
</html>